<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Layui</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="stylesheet" href="/plugins/layui/css/layui.css"  media="all">
        <link rel="stylesheet" type="text/css" href="/plugins/font-awesome-4.7.0/css/font-awesome.css">
        <script src="/plugins/layui/layui.js"></script>
        <script type="text/javascript" src="/common/jquery-2.1.1.js"></script>
        <script type="text/javascript" src="/common/jquery.json-2.4.js"></script>
        <script src="/js/cstmgr/cstmgr.js"></script>
</head>
<style>
    .title-cust-ui {
        position: relative;
        height: 42px;
        line-height: 42px;
        padding: 0 10px 0px 0px;
        color: #333;
        background-color: #f2f2f2;
        font-size: 15px;
        overflow: hidden;
    }
</style>
<body>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>公用方式示例</legend>
</fieldset>
<div class="layui-collapse" lay-filter="test">
    <div class="layui-colla-item">
        <h2 class="layui-colla-title">数据表格</h2>
        <div class="layui-colla-content">
            <form class="layui-form" >
                <div class="layui-row layui-form-item" style="margin-top: 20px">
                    <div class=" layui-col-md3">
                        <label class="layui-form-label">客户姓名</label>
                        <div class="layui-input-block">
                            <input id="custName" type="text" name="name"  placeholder="请输入姓名" class="layui-input" maxlength="20" >
                        </div>
                    </div>
                    <div class=" layui-col-md3">
                        <label class="layui-form-label">工号</label>
                        <div class="layui-input-block">
                            <input id="certNo" type="text" name="cardnumber" placeholder="请输入员工工号" class="layui-input" maxlength="19">
                        </div>
                    </div>
                    <div class=" layui-col-md3">
                        <label class="layui-form-label">性别</label>
                        <div class="layui-input-block">
                            <select id="sel_sex"  lay-verify="required" lay-search="" name="sex"></select>
                        </div>
                    </div>
                    <div class=" layui-col-md3">
                        <div class="layui-input-block">
                            <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </div>
            </form>
            <div>
            <div class="title-cust-ui"><span style="margin-left: 10px">客户信息列表</span></div>
            <table class="layui-hide" id="cstTab"></table>
        </div>
        </div>
    </div>
    <div class="layui-colla-item">
        <h2 class="layui-colla-title">上文上传</h2>
        <div class="layui-colla-content">
            <div class="layui-upload">
                <button type="button" class="layui-btn layui-btn-normal" id="testList"><i class="layui-icon"></i>选择多文件</button>
                <div class="layui-upload-list">
                    <table class="layui-table">
                        <thead>
                        <tr><th>文件名</th>
                            <th>大小</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr></thead>
                        <tbody id="demoList"></tbody>
                    </table>
                </div>
                <button type="button" class="layui-btn" id="testListAction">开始上传</button>
            </div>
        </div>
    </div>
    <div class="layui-colla-item">
        <h2 class="layui-colla-title">文件下载</h2>
        <div class="layui-colla-content">
            <a href="/download/file?filename=1.txt&flag=false">下载文件</a>
        </div>
    </div>
    <div class="layui-colla-item">
        <h2 class="layui-colla-title">刷新缓存</h2>
        <div class="layui-colla-content">
            <table class="layui-hide" id="cacheTab" lay-filter="cacheTab"></table>
        </div>
    </div>
</div>

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="getCheckData">多选刷新</button>
        <!--<button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
        <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>-->
    </div>
</script>


</body>
</html>